    <!-- <div class="topBar">
        <div class="menu">
            <ul class="topMenuUl">
                <li><i nz-icon nzType="upload" nzTheme="outline"></i>原创</li>
                <li><i nz-icon nzType="bank" nzTheme="outline"></i>首页</li>
                <li><i nz-icon nzType="user" nzTheme="outline"></i>作者</li>
                <li><i nz-icon nzType="book" nzTheme="outline"></i>留言</li>
            </ul>
        </div>
        <div class="topMenu" (click)=UD()>
            <i *ngIf="!isShow" nz-icon nzType="caret-up" nzTheme="outline"></i>
            <i *ngIf="isShow" nz-icon nzType="caret-down" nzTheme="outline"></i>
        </div>
    </div> -->
    <div class="nzTopBar" nz-row style="animation: bgcChange 2s infinite alternate;height: 8%;position: fixed;z-index: 2;top: -6%;width: 100%;transition: top 1s;">
        <div (click)='goto("article")' class="nzTopBarSelect" nz-col nzSpan="6" style="text-align: center;height: 80%;line-height: 80%;color: white;font-size: 25px;"><i nz-icon nzType="upload" nzTheme="outline"></i><span class="text">原创</span></div>
        <div (click)='goto("main")' class="nzTopBarSelect" nz-col nzSpan="6" style="text-align: center;height: 80%;line-height: 80%;color: white;font-size: 25px;"><i nz-icon nzType="bank" nzTheme="outline"></i><span class="text">首页</span></div>
        <div (click)='goto("artist")' class="nzTopBarSelect" nz-col nzSpan="6" style="text-align: center;height: 80%;line-height: 80%;color: white;font-size: 25px;"><i nz-icon nzType="user" nzTheme="outline"></i><span class="text">作者</span></div>
        <div (click)='goto("message")' class="nzTopBarSelect" nz-col nzSpan="6" style="text-align: center;height: 80%;line-height: 80%;color: white;font-size: 25px;"><i nz-icon nzType="book" nzTheme="outline"></i><span class="text">留言</span></div>
        <div class="nzTopBarSelect" nz-col nzSpan="24" style="text-align: center;height: 20%;line-height: 20%;color: white;" (click)=UD()>
            <i *ngIf="!isShow" nz-icon nzType="caret-up" nzTheme="outline"></i>
            <i *ngIf="isShow" nz-icon nzType="caret-down" nzTheme="outline"></i>
        </div>
    </div>
<div class="red"></div>
<router-outlet></router-outlet>
<div class="red"></div>
<div style="text-align: center;" class="footer">
    <span>史家乐的Eric Blog</span>
    <br>
    <span>备案号；</span>
</div>



